<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title></title>
</head>
<body>
<input id='btn' type='button' value='btn'/>
<textarea id='text' style={height: 100, width: 100}></textarea> 



<script>
var text = document.getElementById('text');
var btn = document.getElementById('btn');
btn.onclick=function(){
  console.log(123456);
let n = getCursortPosition(text);
console.log(n);
}
//ctrl 是dom节点
function getCursortPosition (ctrl) 
{
    //获取光标位置函数 
    var CaretPos = 0; 
    // IE Support
    if (document.selection) 
    { 
        ctrl.focus (); // 获取焦点
        var Sel = document.selection.createRange (); // 创建选定区域
        Sel.moveStart('character', -ctrl.value.length); // 移动开始点到最左边位置
        CaretPos = Sel.text.length;                      // 获取当前选定区的文本内容长度
    } 
    // Firefox support (非ie)
    else if (ctrl.selectionStart || ctrl.selectionStart == '0')
    {
        CaretPos =ctrl.selectionStart; // 获取选定区的开始点 
    }

    return CaretPos; 
}

</script>
</body>
</html>
